<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>maintain</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="maintain.css">
    <script src="maintain.js"></script>
</head>
<body>
    <div class="maintain">
        <!-- 面包屑 -->
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item active"><a href="maintain.html">保养小常识列表</a></li>
            </ol>
        </nav>
    </div>
    <!-- 内容 -->
    <div class="contents">
        <!-- 搜索栏 -->
        <div class="search">
            <div class="check">
                <form class="bs-example bs-example-form" role="form">
                    <!-- 新增 -->
                    <button type="button" class="btn btn-warning btn-sm add" onclick="addmaintain()">
                        新增 <span class="glyphicon glyphicon-pencil"></span>
                    </button>
                </form>
            </div>
            <!-- 卡片式查看 -->
            <div class="card-content">
                <div class="card">
                    <img class="card-img-top" src="../../../images/car_.jpg" alt="Card image" style="width:100%">
                    <div class="card-body">
                      <h4 class="card-title">1035</h4>
                      <p class="card-text">关于汽车刹车的那些小知识，考验车主判断力的时候到了</p>
                      <a href="change.html" class="btn btn-primary">更换</a><a onclick="editmaintain()" class="btn btn-primary">编辑</a>
                      <a href="change.html" class="btn btn btn-success">停用</a>
                </div>
                </div>
                <div class="card">
                    <img class="card-img-top" src="../../../images/car_.jpg" alt="Card image" style="width:100%">
                    <div class="card-body">
                      <h4 class="card-title">1035</h4>
                      <p class="card-text">关于汽车刹车的那些小知识，考验车主判断力的时候到了</p>
                      <a href="change.html" class="btn btn-primary">更换</a><a onclick="editmaintain()" class="btn btn-primary">编辑</a>
                      <a href="change.html" class="btn btn btn-success">停用</a>
                </div>
                </div>
                <div class="card">
                    <img class="card-img-top" src="../../../images/car_.jpg" alt="Card image" style="width:100%">
                    <div class="card-body">
                      <h4 class="card-title">1035</h4>
                      <p class="card-text">关于汽车刹车的那些小知识，考验车主判断力的时候到了</p>
                      <a href="change.html" class="btn btn-primary">更换</a><a onclick="editmaintain()" class="btn btn-primary">编辑</a>
                      <a href="change.html" class="btn btn btn-success">停用</a>
                </div>
                </div>
                <div class="card">
                    <img class="card-img-top" src="../../../images/car_.jpg" alt="Card image" style="width:100%">
                    <div class="card-body">
                      <h4 class="card-title">1035</h4>
                      <p class="card-text">关于汽车刹车的那些小知识，考验车主判断力的时候到了</p>
                      <a href="change.html" class="btn btn-primary">更换</a><a onclick="editmaintain()" class="btn btn-primary">编辑</a>
                      <a href="#" class="btn btn btn-success">停用</a>
                </div>
                </div>
            </div>
            <!-- 分页 -->
            <div class="paging">
                <nav aria-label="paging">
                    <ul class="pagination">
                        <!-- 显示总页数 -->
                        <li class="page-item">
                                <span class="page-link"><a href="#">总共多少</a></span>
                            </li>
                        <li class="page-item">
                            <!-- 当时第一页的时候显示首页，第二页开始显示上一页 -->
                            <span class="page-link"><a href="#">首页</a></span>
                        </li>
                        <li class="page-item">
                            <!-- 当时第一页的时候显示首页，第二页开始显示上一页 -->
                            <span class="page-link"><a href="#">上一页</a></span>
                        </li>
                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                        <li class="page-item active">
                            <span class="page-link">
                                2
                                <span class="sr-only">(current)</span>
                            </span>
                        </li>
                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                        <li class="page-item">
                            <a class="page-link" href="#">下一页</a>
                        </li>
                        <!-- 末页 -->
                        <li class="page-item">
                                <a class="page-link" href="#">末页</a>
                            </li>
                    </ul>
                </nav>
            </div>
        </div>
          <!-- 添加版本 -->
          <div class="addmaintain">
              <form role="form">
                <div class="form-group">
                    <span>*</span><label for="usr"> 标 题 :</label>
                    <input type="text" class="form-control" id="usr" placeholder="添加为空值，不获取">
                    <label for="usr"> 详 细 信 息 :</label>
                    <textarea class="form-control" rows="3"></textarea>
                    <button type="button" class="btn btn-default">保存</button>
                    <button type="button" class="btn btn-default" onclick="backmaintain()">返回</button>
                </div>
              </form>
          </div>
          <!-- 编辑版本 -->
          <div class="editmaintain">
            <form role="form">
              <div class="form-group">
                <span>*</span><label for="usr"> 标 题 :</label>
                <input type="text" class="form-control" id="usr" placeholder="编辑，获取">
                <label for="usr"> 详 细 信 息 :</label>
                <textarea class="form-control" rows="3"></textarea>
                <button type="button" class="btn btn-default">保存</button>
                <button type="button" class="btn btn-default" onclick="backmaintain()">返回</button>
              </div>
            </form>
        </div>
        </div>
        <!-- 模态框 -->
        <!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    admin.52carlife.com显示
                </h4>
            </div>
            <div class="modal-body">
                <span id="modal-input">确认停用</span>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button type="button" class="btn btn-primary" onclick="changeStata()">
                    提交更改
                </button>
            </div>
        </div>
    </div>
</div>
</body>
</html>